/* 基础样式优化 */
body {
  padding: 50px;
  font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
  /* 性能优化 */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  /* 启用硬件加速 */
  transform: translateZ(0);
  /* 优化重绘性能 */
  backface-visibility: hidden;
}

a {
  color: #00B7FF;
  /* 优化过渡效果 */
  transition: color 0.2s ease-in-out;
  text-decoration: none;
}

a:hover {
  color: #0056b3;
  text-decoration: underline;
}

/* 图片优化 */
img {
  max-width: 100%;
  height: auto;
  /* 防止图片闪烁 */
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
}

/* 懒加载图片样式 */
img.lazy {
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

img.lazy.loaded {
  opacity: 1;
}

/* 性能优化的通用类 */
.gpu-accelerated {
  transform: translateZ(0);
  will-change: transform;
}

.no-select {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* 响应式设计基础 */
@media (max-width: 768px) {
  body {
    padding: 20px;
    font-size: 16px; /* 移动端更大的字体 */
  }
}

/* 打印样式优化 */
@media print {
  body {
    padding: 0;
    font-size: 12pt;
  }
  
  a {
    color: #000;
    text-decoration: underline;
  }
}
